import c from"./dropWrap.js";import{P as h}from"./prism.js";/* empty css      */import{d as g,e as s,o as k,n as b,a as d,P as y,Q as v,R as l,$ as e,X as o,a4 as n,S as m,K as u,a5 as C}from"./elementPlusModules.js";import"./index.js";import"./vxeTableModules.js";import"./lodashModules.js";const D=l("div",null,[l("a",{target:"_blank",href:"https://element-plus.org/zh-CN/component/dropdown.html"},"https://element-plus.org/zh-CN/component/dropdown.html ")],-1),L=l("div",{class:"hr das"},null,-1),x={class:"el-dropdown-link"},N={class:"language-js"},B=l("div",{class:"hr das"},null,-1),P=l("br",null,null,-1),V=l("br",null,null,-1),j={class:"language-js"},X=g({__name:"dropdown",setup(z){let w=s(`
    <el-dropdown>
      <span class="el-dropdown-link">
        Dropdown List
        <el-icon class="el-icon--right">
          <arrow-down />
        </el-icon>
      </span>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>Action 1</el-dropdown-item>
          <el-dropdown-item>Action 2</el-dropdown-item>
          <el-dropdown-item>Action 3</el-dropdown-item>
          <el-dropdown-item disabled>Action 4</el-dropdown-item>
          <el-dropdown-item divided>Action 5</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
      `),_=s(`
    <el-dropdown>
      <el-button type="primary">
        Dropdown List<el-icon class="el-icon--right"><arrow-down /></el-icon>
      </el-button>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>Action 1</el-dropdown-item>
          <el-dropdown-item>Action 2</el-dropdown-item>
          <el-dropdown-item>Action 3</el-dropdown-item>
          <el-dropdown-item>Action 4</el-dropdown-item>
          <el-dropdown-item>Action 5</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
    <el-dropdown split-button type="primary" @click="handleClick">
      Dropdown List
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>Action 1</el-dropdown-item>
          <el-dropdown-item>Action 2</el-dropdown-item>
          <el-dropdown-item>Action 3</el-dropdown-item>
          <el-dropdown-item>Action 4</el-dropdown-item>
          <el-dropdown-item>Action 5</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
      `);k(()=>{b(()=>{h.highlightAll()})});const f=()=>{alert("button click")};return(S,T)=>{const p=d("arrow-down"),a=d("el-icon"),t=d("el-dropdown-item"),i=d("el-dropdown-menu"),r=d("el-dropdown"),A=d("el-button");return y(),v(C,null,[D,L,l("div",null,[e(r,null,{dropdown:o(()=>[e(i,null,{default:o(()=>[e(t,null,{default:o(()=>[n("Action 1")]),_:1}),e(t,null,{default:o(()=>[n("Action 2")]),_:1}),e(t,null,{default:o(()=>[n("Action 3")]),_:1}),e(t,{disabled:""},{default:o(()=>[n("Action 4")]),_:1}),e(t,{divided:""},{default:o(()=>[n("Action 5")]),_:1})]),_:1})]),default:o(()=>[l("span",x,[n(" Dropdown List "),e(a,{class:"el-icon--right"},{default:o(()=>[e(p)]),_:1})])]),_:1})]),e(c,{key:"oreo"},{default:o(()=>[l("pre",null,[l("code",N,m(u(w))+" ",1)])]),_:1}),B,l("div",null,[e(r,null,{dropdown:o(()=>[e(i,null,{default:o(()=>[e(t,null,{default:o(()=>[n("Action 1")]),_:1}),e(t,null,{default:o(()=>[n("Action 2")]),_:1}),e(t,null,{default:o(()=>[n("Action 3")]),_:1}),e(t,null,{default:o(()=>[n("Action 4")]),_:1}),e(t,null,{default:o(()=>[n("Action 5")]),_:1})]),_:1})]),default:o(()=>[e(A,{type:"primary"},{default:o(()=>[n(" Dropdown List"),e(a,{class:"el-icon--right"},{default:o(()=>[e(p)]),_:1})]),_:1})]),_:1}),P,V,e(r,{"split-button":"",type:"primary",onClick:f},{dropdown:o(()=>[e(i,null,{default:o(()=>[e(t,null,{default:o(()=>[n("Action 1")]),_:1}),e(t,null,{default:o(()=>[n("Action 2")]),_:1}),e(t,null,{default:o(()=>[n("Action 3")]),_:1}),e(t,null,{default:o(()=>[n("Action 4")]),_:1}),e(t,null,{default:o(()=>[n("Action 5")]),_:1})]),_:1})]),default:o(()=>[n(" Dropdown List ")]),_:1})]),e(c,{key:"oreo"},{default:o(()=>[l("pre",null,[l("code",j,m(u(_))+" ",1)])]),_:1})],64)}}});export{X as default};
